<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电子书城</title>
    <link type="text/css" rel="stylesheet" href="/css/base.css">
    <link type="text/css" rel="stylesheet" href="/css/index.css">
    <script src="/js/jquery-3.6.0.js"></script>
    <script src="/js/base.js"></script>
    <script src="/js/index.js"></script>

</head>
<body>
<div id="container">
    <div class="header">

    </div>
    <div class="menu">

    </div>
    <div class="main">
        <div class="indexWrap">
            <div class="indexLeft">
                <div class="loginWrop">
                    <h3>会员登陆</h3>
                    <div class="accountWrap"><span>登录账号：</span><input type="text" id="loginName"></div>
                    <div class="accountWrap"><span>登录密码：</span><input type="password" id="loginPwd"></div>
                    <div class="loginOperator">
                        <button class="btnRegister">注册</button>
                        <button class="btnLogin">登录</button>
                    </div>
                    <div id="errorLogin" style="padding-top: 10px; text-align:center;color: red;font-size: 20px;display: none">
                            用户名或密码错误
                    </div>
                </div>
                <div class="categoryWrop" >
                    <h3>商品类别</h3>
                    <ul class="categoryUI">
                       <!-- <li> <a href="#">计算机类</a></li>
                        <li> <a href="#">音乐类</a></li>
                        <li> <a href="#">美术类</a></li>-->
                      </ul>

                </div>
            </div>
            <div class="indexRight">
                <div class="areaWrap">
                    <div class="areaTitleWrap">
                        <img class="logo" src="/resourse/images/Icon_TeJia.gif">
                        <img class="more" src="/resourse/images/icon_more.gif" id="moreSpecial">

                    </div><hr>
                    <div class="merchantWrap" id="specialMerchandise"></div>
                </div>
                <div class="areaWrap">
                    <div class="areaTitleWrap">
                        <img class="logo" src="/resourse/images/NewGoods_03.gif">
                        <img class="more" src="/resourse/images/icon_more.gif" id="moreNew">

                    </div><hr>
                    <div class="merchantWrap" id="newsMerchant">
                 <!--       <div class="merchant">
                            <img  class="mearchImg" src="/resourse/Picture/8768781-1_b.jpg">
                            <br/>
                            <a>管理是什么</a>
                            <br/>
                            市场价：56￥
                            <br/>
                            特价：50.0￥
                            <br/>
                            <img src="/resourse/images/icon_car.gif">
                            <img src="/resourse/images/icon_buy.gif">
                        </div>-->
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="footer"></div>
</div>
</body>
</html>